<!DOCTYPE html>
<html>
<head>
	<title>selector选择器</title>
	<!-- css嵌入式的写法   讲文字的颜色改变成 红色-->
	<style type="text/css">

		/*1.标签选择器*/
		/*span{
			color:red;
		}*/

		/*2.类选择器  一般用的比较多*/
		.htird{
			color: red;
		}

		/*3.ID选择器*/
		#one{
			color: green;
		}

		/*4.伪类选择器 hover*/
		/*标签选择器*/
		div{
			background: red;
		}

		div:hover{
			background: yellow;
			color: blue;
		}

		/*5.后代选择器*/
		div a{
			color: red;
		}

	</style>
</head>
<body>

	<div>
		div
		<a href="#">后代选择器</a>
	</div>

	<a href="#">aaaaaa</a>
	<p>段落</p>
	<span id="one">spanspan</span>
	<span>span222</span>
	<span class="htird">span333</span>
	<span>span4444</span>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>
</body>
</html>